<template>
  <div class="">
    <a-button type="plain" @click="toList" class="d-a-center">返回</a-button>
    <a-tabs v-model:activeKey="activeKey" class="user" centered size="medium" @change="selectTab">
      <a-tab-pane key="1" tab="客户信息">
        <a-button type="primary" style="margin: 10px 0px 30px 0px" @click="edit" class="d-a-center" v-if="isLook == 1">编辑</a-button>
        <a-card title="基本信息" style="width: 100%">
          <a-avatar style="margin-bottom: 20px" :size="64" :src="nurse.avatarJson">
            <template #icon>
              <UserOutlined />
            </template>
          </a-avatar>
          <a-descriptions :column="3">
            <a-descriptions-item label="用户名">{{ nurse.nick }}</a-descriptions-item>
            <a-descriptions-item label="用户ID">{{ nurse.nurseId }}</a-descriptions-item>
            <a-descriptions-item label="手机号">{{ nurse.mobile }}</a-descriptions-item>
            <a-descriptions-item label="性别">{{ nurse.sex }}</a-descriptions-item>

            <a-descriptions-item label="生日">{{ nurse.birthday }}</a-descriptions-item>
            <a-descriptions-item label="职称">
              {{ nurseType[nurse.identity] }}
            </a-descriptions-item>

            <a-descriptions-item label="注册时间">{{ nurse.createdAt }}</a-descriptions-item>
            <a-descriptions-item label="注册渠道">{{ nurse.registSource }}</a-descriptions-item>
            <a-descriptions-item label="服务类目">{{ nurse.serviceType }}</a-descriptions-item>
            <a-descriptions-item label="真实姓名">{{ nurse.realName }}</a-descriptions-item>
            <a-descriptions-item label="身份证号">{{ nurse.idCard }}</a-descriptions-item>
            <a-descriptions-item label="服务质量">{{ nurse.label || '暂无' }}</a-descriptions-item>
          </a-descriptions>
          <a-descriptions>
            <a-descriptions-item label="定位地址" :span="3">{{ nurse.location ? nurse.location : '暂未设置地址' }}</a-descriptions-item>
          </a-descriptions>
          <a-descriptions>
            <a-descriptions-item label="服务出发地址" :span="3">{{
              nurse.departAddress ? (nurse.departAddressCity || '') + nurse.departAddress : '暂未设置地址'
            }}</a-descriptions-item>
          </a-descriptions>
        </a-card>
        <a-card title="账户信息" style="width: 100%">
          <a-descriptions :column="2">
            <a-descriptions-item label="总收益">{{ nurse.sum }}</a-descriptions-item>
            <a-descriptions-item label="提现金额">{{ nurse.withdrawSum ? nurse.withdrawSum : 0 }}</a-descriptions-item>
            <a-descriptions-item label="接单数量">{{ nurse.orderNumber ? nurse.orderNumber : 0 }}</a-descriptions-item>
            <a-descriptions-item label="账户余额">{{ nurse.amount ? nurse.amount : 0 }}</a-descriptions-item>
          </a-descriptions>
        </a-card>
      </a-tab-pane>
      <a-tab-pane key="2" tab="我的订单">
        <!-- 线上订单 、线下订单 -->
        <a-row style="margin: 20px 0">
          <div v-for="(item, index) in tabs" :key="item.id">
            <a-col :span="2">
              <a-tag :color="index == orderAct - 1 ? 'blue' : ''" @click="changeOrder(item.id)">{{ item.title }}</a-tag>
            </a-col>
          </div>
        </a-row>
        <a-table
          :columns="orderAct == 1 ? columns : orderAct == 2 ? columns1 : columns2"
          :data-source="order"
          bordered
          :loading="loading"
          :pagination="pagination"
          @change="handleTableChange"
        >
          <template #status="{ record }">
            <div>{{ orderListStatus(record.status) }}</div>
          </template>
          <template #status1="{ record }">
            <div>{{ ComsumeStatus(record.status) }}</div>
          </template>
          <template #operation="{ record }">
            <a-button type="link" @click="look(record, record.status)" v-has="{ a: $route, b: 2 }">查看</a-button>
          </template>
        </a-table>
      </a-tab-pane>
      <a-tab-pane key="3" tab="紧急联系人">
        <a-list :grid="{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }" :data-source="emergencyList">
          <template #renderItem="{ item }">
            <a-list-item>
              <a-card :title="item.name" hoverable>
                <div>手机号：{{ item.mobile }}</div>
                <div>姓名：{{ item.name }}</div>
              </a-card>
            </a-list-item>
          </template>
        </a-list>
      </a-tab-pane>
      <a-tab-pane key="4" tab="登录日志">
        <a-table
          :columns="columnsLogin"
          :data-source="logList"
          bordered
          :loading="loading"
          :pagination="pagination"
          @change="handleTableChange1"
        >
          <template #status="{ record }">
            <div>{{ orderListStatus(record.status) }}</div>
          </template>
          <template #status1="{ record }">
            <div>{{ ComsumeStatus(record.status) }}</div>
          </template>
          <template #operation="{ record }">
            <a-button type="link" @click="look(record, record.status)" v-has="{ a: $route, b: 2 }">查看</a-button>
          </template>
        </a-table>
      </a-tab-pane>
    </a-tabs>
    <!-- 编辑护士信息 -->
    <a-modal :visible="visible" title="编辑资料" :footer="null" @cancel="cancel">
      <a-form :label-col="labelCol" ref="formRef" :model="form" :rules="rules">
        <a-form-item label="手机号码" name="mobile">
          <a-input v-model:value="form.mobile" placeholder="请输入手机号码"></a-input>
        </a-form-item>
        <a-form-item label="用户名">
          <a-input v-model:value="form.nick" placeholder="请输入用户名"></a-input>
        </a-form-item>
        <!-- <a-form-item label="性别">
          <a-radio-group v-model:value="form.value" name="radioGroup">
            <a-radio value="0">男</a-radio>
            <a-radio value="1">女</a-radio>
          </a-radio-group>
        </a-form-item>
         <a-form-item label="生日">
          <a-date-picker v-model:value="form.value" />
        </a-form-item> -->
        <a-form-item label="定位地址">
          <a-select
            ref="select1"
            mode="multiple"
            :max-tag-count="1"
            @change="handleFocus"
            placeholder="请选择城市"
            :options="citys"
            v-model:value="form.addressCity"
          >
            <!-- mode="multiple" -->
          </a-select>
          <a-input v-model:value="form.address" placeholder="请输入详细地址"></a-input>

          <!-- <a-input-group>
            <a-auto-complete
              v-model:value="form.address"
              :options="addressList"
              style="width: 100%"
              @input="searchAddress"
              placeholder="请输入地理位置"
            />
          </a-input-group> -->
        </a-form-item>
        <a-form-item label="职业">
          <a-input v-model:value="form.position" placeholder="请输入护士职业"></a-input>
        </a-form-item>
        <a-form-item label="服务类目">
          <a-select
            placeholder="请选择服务类目"
            v-model:value="form.serviceType"
            :size="size"
            mode="multiple"
            :options="optionsItem"
          ></a-select>
        </a-form-item>
        <a-form-item label="服务出发地址">
          <a-select
            ref="select2"
            mode="multiple"
            :max-tag-count="1"
            placeholder="请选择城市"
            :options="citys"
            @change="handleFocus1"
            v-model:value="form.departAddressCity"
          >
            <!-- mode="multiple" -->
          </a-select>
          <a-input v-model:value="form.departAddress" placeholder="请输入服务出发地址"></a-input>
        </a-form-item>
        <!-- <a-form-item label="资质认证">
          <a-radio-group v-model:value="form.attestStatus">
            <a-radio
              v-for="item in isAttestStatusList"
              :value="item.id"
              :key="item.id"
              >{{ item.title }}</a-radio
            >
          </a-radio-group>
        </a-form-item>
        <a-form-item label="实名认证">
          <a-radio-group v-model:value="form.nameStatus">
            <a-radio
              v-for="item in isRealNameList"
              :value="item.id"
              :key="item.id"
              >{{ item.title }}</a-radio
            >
          </a-radio-group>
        </a-form-item> -->

        <a-form-item label="账号启用状态">
          <a-radio-group v-model:value="form.isDele">
            <a-radio v-for="item in statusList" :value="item.id" :key="item.id">{{ item.title }}</a-radio>
          </a-radio-group>
        </a-form-item>
      </a-form>
      <a-row>
        <a-col :span="4" :offset="8">
          <a-button type="primary" @click="submit" class="d-a-center">提交</a-button>
        </a-col>
        <a-col :span="4">
          <a-button type="info" @click="cancel" class="d-a-center">关闭</a-button>
        </a-col>
      </a-row>
    </a-modal>

    <!-- 线下订单详情 -->
    <a-modal :visible="orderVisible" title="查看" :footer="null" @cancel="closeModal('orderVisible')" width="50%">
      <a-descriptions bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 1, sm: 1, xs: 1 }">
        <a-descriptions-item label="订单号">{{ orderDetail.number }}</a-descriptions-item>
        <a-descriptions-item label="来源">{{ orderDetail.source }}</a-descriptions-item>
        <a-descriptions-item label="服务名称">{{ orderDetail.serviceName }}</a-descriptions-item>
        <a-descriptions-item label="服务地址">{{ orderDetail.address }}</a-descriptions-item>
        <a-descriptions-item label="服务时间">{{ orderDetail.scheduleTime }}</a-descriptions-item>
        <a-descriptions-item label="时间分段">{{ orderDetail.workTime }}</a-descriptions-item>
        <a-descriptions-item label="应结金额">{{ orderDetail.price }}</a-descriptions-item>
        <a-descriptions-item label="实结金额">{{ orderDetail.realPrice ? orderDetail.realPrice : '未结算' }}</a-descriptions-item>
        <a-descriptions-item label="创建时间">{{ orderDetail.createdAt }}</a-descriptions-item>
        <a-descriptions-item label="订单状态">
          <a-tag>
            {{ orderListStatus(orderDetail.status) }}
          </a-tag>
        </a-descriptions-item>
        <a-descriptions-item label="分配时间">{{ orderDetail.updatedAt }}</a-descriptions-item>
      </a-descriptions>
    </a-modal>
    <!-- 耗材订单详情 -->
    <a-modal :visible="consumeVisible" title="查看" :footer="null" @cancel="closeModal('consumeVisible')" width="50%">
      <a-descriptions bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 1, sm: 1, xs: 1 }">
        <a-descriptions-item label="订单号">{{ consumeDetail.serverNumber }}</a-descriptions-item>
        <a-descriptions-item label="订单状态"
          ><a-tag>
            {{ ComsumeStatus(consumeDetail.status) }}
          </a-tag></a-descriptions-item
        >
        <a-descriptions-item label="下单时间">{{ consumeDetail.createdAt }}</a-descriptions-item>
        <a-descriptions-item label="购买数量">{{ consumeDetail.num }}</a-descriptions-item>
        <a-descriptions-item label="耗材名称">{{ consumeDetail.name }}</a-descriptions-item>
        <a-descriptions-item label="收益金额">{{ consumeDetail.price }}</a-descriptions-item>
        <a-descriptions-item label="耗材明细">{{ consumeDetail.bleName }}</a-descriptions-item>
      </a-descriptions>
    </a-modal>
    <!-- 护士订单详情 -->
    <nurser-order v-if="showDetail" :status="status" :number="number" @cancle="cancle" :visible="showDetail"></nurser-order>
  </div>
</template>
<script>
import { reactive, ref, watch, computed, defineComponent, createVNode, toRefs } from 'vue'
import { queryCity } from '@/api/setting/index'
import { Modal, notification, message } from 'ant-design-vue'
import { useRoute, useRouter } from 'vue-router'
import { UserOutlined, ExclamationCircleOutlined } from '@ant-design/icons-vue'
import { validatorPhone } from '@/assets/js/validate'
import { throttle } from '@/assets/js/debounceThrottle'
import { updateNurse, selectNurseInfo, selectOrderByNurseId, selectAllUrgencyLinkman, selectLoginRecord } from '@/api/user/index'
import axios from 'axios'
import NurserOrder from '../components/NurserOrder.vue'
import { number } from 'echarts'
import { nurseType } from '@/utils/dict.js'
export default {
  setup() {
    const router = useRouter()
    const route = useRoute()
    const visible = ref(false)
    const formRef = ref('')
    let nurseId = ref('')

    const data = reactive({
      nurseType,
      optionsItem: [
        {
          value: '母婴护理'
        },
        {
          value: '就医陪诊'
        },
        {
          value: '居家康复'
        },
        {
          value: '儿科护理'
        },
        {
          value: '中医理疗'
        },
        {
          value: '上门护理'
        },
        {
          value: '推拿按摩'
        },
        {
          value: '核酸检测'
        },
        {
          value: '检测服务'
        }
      ],
      nurse: {},
      loading: true,
      order: [],
      emergencyList: [],
      form: {},
      keyword: '',
      addressList: [],
      showDetail: false,
      number: '', //订单编号
      status: '',
      orderAct: 1, //1线上 2线下
      orderVisible: false, //线下订单
      orderDetail: {}, //线下订单详情
      consumeDetail: {}, //线下订单详情
      consumeVisible: false, //线下订单详情
      citys: [],
      logList: [],
      isLook: 0
    })
    nurseId.value = route.query.id //护ID

    const tabs = [
      {
        title: '线上订单',
        id: 1
      },
      {
        title: '线下订单',
        id: 2
      },
      {
        title: '耗材订单',
        id: 3
      }
    ]
    const changeOrder = e => {
      if (e == data.orderAct) return
      data.orderAct = e
      initOrderList()
    }
    const rules = {
      mobile: [
        {
          required: true,
          validator: validatorPhone
        }
      ]
    }
    // 分页器
    const page = reactive({
      current: 1,
      pageSize: 10,
      total: 0
    })
    const ComsumeStatus = status => {
      let obj = {
        // 待送达-退款中-已送达-已退款；
        0: '待送达',
        1: '待送达',
        2: '待送达',
        3: '已送达',
        4: '已退款',
        5: '退款中',
        6: '退款中',
        7: '退款中'
      }
      return obj[status]
    }
    const orderListStatus = status => {
      let title = ''
      switch (status) {
        case 1:
          title = '待付款'
          break
        case 2:
          title = data.orderAct == 1 ? '待抢单' : '待分配'
          // title = "待抢单";
          break
        case 3:
          title = '待服务'
          break
        case 4:
          // title = "服务中"; //服务中
          title = data.orderAct == 1 ? '服务中' : '待核对'
          break
        case 5:
          title = data.orderAct == 1 ? '已完成' : '已结算'

          // title = "已完成";
          break
        case 6:
          title = data.orderAct == 1 ? '已取消' : '核对成功'
          // title = "已取消";
          break
        case 7:
          title = data.orderAct == 1 ? '已退款' : '核对失败'
          // title = "已退款";
          break
        case 8:
          title = '异常单'
          break
        case 9:
          title = '退款中'
          break
        default:
          break
      }
      return title
    }

    const isRealNameList = reactive([
      {
        title: '已实名',
        id: 1
      },
      {
        title: '未实名',
        id: 0
      }
    ])
    const isAttestStatusList = reactive([
      {
        title: '已认证',
        id: 1
      },
      {
        title: '未认证',
        id: 0
      }
    ])
    const statusList = reactive([
      {
        title: '启用',
        id: 0
      },
      {
        title: '停用',
        id: 1
      }
    ])
    const columnsLogin = [
      {
        title: '时间',
        dataIndex: 'loginTime',
        className: 'table',
        align: 'center'
      },
      {
        title: 'IP',
        dataIndex: 'ip',
        className: 'table',
        align: 'center',
        sort: true
      },
      {
        title: '地区',
        dataIndex: 'address',
        className: 'table',
        align: 'center'
      },
      {
        title: '登录方式',
        dataIndex: 'loginType',
        className: 'table',
        align: 'center'
      }
    ]
    const columns1 = [
      {
        title: '订单号',
        dataIndex: 'number',
        className: 'table',
        align: 'center'
      },
      {
        title: '来源',
        dataIndex: 'source',
        className: 'table',
        align: 'center',
        sort: true
      },
      {
        title: '被服务人',
        dataIndex: 'userName',
        className: 'table',
        align: 'center'
      },
      {
        title: '服务名称',
        dataIndex: 'serviceName',
        className: 'table',
        align: 'center'
      },
      {
        title: '应结金额',
        dataIndex: 'price',
        className: 'table',
        align: 'center'
      },
      {
        title: '实结金额',
        dataIndex: 'realPrice',
        className: 'table',
        align: 'center'
      },
      {
        title: '订单状态',
        dataIndex: 'status',
        className: 'table',
        align: 'center',
        slots: {
          customRender: 'status'
        }
      },
      {
        title: '操作',
        dataIndex: 'operation',
        className: 'table',
        align: 'center',
        fixed: 'right',
        slots: {
          customRender: 'operation'
        }
      }
    ]
    const columns2 = [
      {
        title: '订单号',
        dataIndex: 'serverNumber',
        className: 'table',
        align: 'center'
      },
      {
        title: '耗材名称',
        dataIndex: 'name',
        className: 'table',
        align: 'center'
      },
      {
        title: '耗材数量',
        dataIndex: 'num',
        className: 'table',
        align: 'center'
      },
      // {
      //   title: '收益金额',
      //   dataIndex: 'price',
      //   className: 'table',
      //   align: 'center'
      // },
      {
        title: '订单状态',
        dataIndex: 'status',
        className: 'table',
        align: 'center',
        slots: {
          customRender: 'status1'
        }
      },
      {
        title: '操作',
        dataIndex: 'operation',
        className: 'table',
        align: 'center',
        fixed: 'right',
        slots: {
          customRender: 'operation'
        }
      }
    ]
    const columns = [
      {
        title: '订单号',
        dataIndex: 'number',
        className: 'table',
        align: 'center'
      },
      {
        title: '服务名称',
        dataIndex: 'serviceName',
        className: 'table',
        align: 'center',
        sort: true
      },
      // {
      //   title: '收益金额',
      //   dataIndex: 'price',
      //   className: 'table',
      //   align: 'center'
      // },
      {
        title: '订单状态',
        dataIndex: 'status',
        className: 'table',
        align: 'center',
        slots: {
          customRender: 'status'
        }
      },
      {
        title: '操作',
        dataIndex: 'operation',
        className: 'table',
        align: 'center',
        fixed: 'right',
        slots: {
          customRender: 'operation'
        }
      }
    ]
    const selectTab = e => {
      console.log(e, '面板是')
      page.current = 1
      if (e == 2) {
        initOrderList()
      } else if (e == 3) {
        // 获取护士紧急联系人
        initEmergencyList()
      } else if (e == 4) {
        initLog()
      }
    }
    const getCitys = async () => {
      let res = await queryCity()
      data.citys = res.object.map(m => {
        return {
          value: m.cityName
        }
      })
    }
    const toList = () => {
      console.log('router', router)
      router.back()
    }
    const searchAddress = throttle(async () => {
      let res = await axios.get(`https://restapi.amap.com/v3/place/text?key=77414f92d5cde517e199c03ab4258fda&keywords=${data.form.address}`)
      res.data.pois.forEach(el => (el.value = el.cityname + el.adname + el.address))
      data.addressList = res.data.pois
      // console.log(data.addressList, "地址列表是");
    }, 500)

    const submit = () => {
      formRef.value.validate().then(res => {
        console.log(data.form, '表单内容')
        data.form.serviceType = data.form.serviceType.join(',')
        data.form.addressCity = data.form.addressCity.join(',')
        data.form.departAddressCity = data.form.departAddressCity.join(',')
        updateNurse(data.form).then(result => {
          if (result.success) {
            visible.value = false
            notification.success({
              message: '更改成功',
              duration: 1
            })
            initNurseInfo()
          }
        })
      })
    }
    // 分页器
    const pagination = computed(() => ({
      current: page.current,
      pageSize: page.pageSize,
      pageSizeOptions: ['10', '20', '30'],
      showTotal: (total, range) => {
        return '共' + total + '条'
      },
      total: page.total,
      showQuickJumper: true,
      showSizeChanger: true
    }))

    // 分页器改变的时候
    const handleTableChange = (pagination, filters, sorter) => {
      page.current = pagination.current
      page.pageSize = pagination.pageSize

      // 请求列表接口
      initOrderList()
    }
    // 分页器改变的时候
    const handleTableChange1 = (pagination, filters, sorter) => {
      page.current = pagination.current
      page.pageSize = pagination.pageSize

      // 请求列表接口
      initLog()
    }
    const pagination1 = computed(() => ({
      current: page.current,
      pageSize: page.pageSize,
      pageSizeOptions: ['10', '20', '30'],
      showTotal: (total, range) => {
        return '共' + total + '条'
      },
      total: page.total,
      showQuickJumper: true,
      showSizeChanger: true
    }))
    const closeModal = e => {
      // visible.value = false;
      // data.form = {};
      data[e] = false
    }
    const selectAddress = (e, list) => {
      let address = list[0].label + list[1].label + list[2].label
      data.form.address = address
      console.log(address, '地址位置')
    }

    const edit = () => {
      visible.value = true
      data.form = {
        ...data.nurse,
        serviceType: data.nurse.serviceType ? data.nurse.serviceType.split(',') : [],
        addressCity: data.nurse.addressCity ? data.nurse.addressCity.split(',') : [],
        departAddressCity: data.nurse.departAddressCity ? data.nurse.departAddressCity.split(',') : [],

        // mobile: data.nurse.mobile,
        // nick: data.nurse.nick,
        // isDele: data.nurse.isDele,
        // address: data.nurse.address,
        position: data.nurse.occupation,
        address: data.nurse.location

        // nurseId: data.nurse.nurseId,
      }
      getCitys()
    }
    const cancel = () => {
      visible.value = false
    }
    const look = (e, status) => {
      if (data.orderAct == 2) {
        data.orderDetail = e
        data.orderVisible = true
        return
      }
      if (data.orderAct == 3) {
        data.consumeDetail = e
        data.consumeVisible = true
        return
      }
      data.number = e.number
      data.status = status
      data.showDetail = true

      // router.push({
      //   path: "/user/nurse/order",
      //   query: {
      //     // isEdit:0,
      //     // status:0
      //   },
      // });
    }
    const cancle = () => {
      data.showDetail = false
    }

    // 获取护士信息
    initNurseInfo()
    async function initNurseInfo() {
      data.isLook = route.query.isLook
      let res = await selectNurseInfo(nurseId.value)
      if (res.success) {
        data.nurse = res.object
      }
    }
    // 获取护士订单列表
    async function initOrderList() {
      let obj = {
        nurseId: nurseId.value,
        pageNum: page.current,
        pageSize: page.pageSize,
        orderType: data.orderAct
      }
      let res = await selectOrderByNurseId(obj)
      if (res.success) {
        if (res.object.list) {
          if (data.orderAct == 3) {
            let list = []
            res.object.list.map(m => {
              list.push({
                ...m,
                bleName: m.consumableList[0].bleName
              })
            })

            list.map(el => (el.key = el.number))
            data.order = [...list]
            return
          }
          data.order = res.object.list
          res.object.list.map(el => (el.key = el.number))
        } else {
          data.order = res.object.records || []
          res.object.records.map(el => (el.key = el.number))
        }
        page.total = res.object.total
        data.loading = false
      }
    }
    const handleFocus = () => {
      if (data.form.addressCity.length > 1) {
        message.error('只能选择一个城市')
        data.form.addressCity.splice(1, data.form.addressCity.length)
        return false
      }
    }
    const handleFocus1 = () => {
      if (data.form.departAddressCity.length > 1) {
        message.error('只能选择一个城市')
        data.form.departAddressCity.splice(1, data.form.departAddressCity.length)
        return false
      }
    }
    async function initEmergencyList() {
      let res = await selectAllUrgencyLinkman(nurseId.value)
      if (res.success) {
        data.emergencyList = res.object
      }
    }
    async function initLog() {
      let res = await selectLoginRecord({
        loginId: nurseId.value,
        userType: 1,
        pageNum: page.current,
        pageSize: page.pageSize
      })
      if (res.success) {
        res.object.list.forEach(el => (el.key = el.id))
        data.loading = false
        data.logList = res.object.list
        page.total = res.object.total
      }
    }

    return {
      toList,
      ...toRefs(data),
      activeKey: ref('1'),
      pagination,
      handleTableChange,
      columns,
      columns1,
      columnsLogin,
      columns2,
      look,
      edit,
      visible,
      labelCol: {
        style: {
          fontWeight: 'bolder',
          width: '100px'
        }
      },
      formRef,
      // form,
      rules,
      closeModal,
      value: ref([]),
      cancel,
      isRealNameList,
      isAttestStatusList,
      statusList,
      submit,
      selectTab,
      selectAddress,
      searchAddress,
      getCitys,
      cancle,
      orderListStatus,
      ComsumeStatus,
      changeOrder,
      tabs,
      handleFocus,
      handleFocus1,
      handleTableChange1
    }
  },

  components: {
    UserOutlined,
    NurserOrder
  }
}
</script>
<style lang="less" scoped>
.ant-tabs-tab .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff;
  text-shadow: 0 0 0.25px currentcolor;
  // padding: 0 4% 0 4%;
}

// 用户管理模块
// .user {
//   .ant-tabs-ink-bar {
//     visibility: hidden;
//   }
//   .ant-tabs-nav .ant-tabs-tab-active {
//     background-color: @primary-color;
//     color: #fff!important;
//     border-radius: 20px;
//     text-shadow: 0 0 1px currentColor;
// 	padding: 0 3% 0 3%;
//   }
// }
</style>
